iT邦幫忙

2025 iThome 鐵人賽

DAY 2
0

資料庫準備

第一步,對我們先用 Docker 製作我們的資料庫 PostgresSQL,
因為 Medusa.js 是使用 PostgreSQL 操作/儲存資料、資料表。

大家有可能不知道 Docker 或者 PostgreSQL 是甚麼,所以我先 簡單介紹一下 然後教大家下載。

Docker

Docker 是一種開源平台,用來打包、分發、執行應用程式的工具。它利用「容器(Container)」技術,讓你可以把程式和它所需的環境(作業系統、函式庫、設定檔)封裝在一起。是一種方便、輕量、可攜式的虛擬化技術,特別適合開發與部署現代應用程式。

所以我們用 Docker 把 資料庫裝起來!!!

PostgreSQL

關聯式資料庫管理系統,以其穩定性、擴充性與標準 SQL 支援度高而著稱。它支援 ACID、複雜查詢、JSON、XML、地理空間資料(PostGIS)等非結構化資料、擴充功能強大:可自訂資料型別、函數、操作符等等。

IT邦比賽都可以找到相關介紹文章,我還有看到2025這一屆我有看到有人專門做分享呢(默默的把收藏按下去)。

我都是跟隨這些高手們一起學習的,歡迎去找找。
(他們真的都很厲害 ᕕ ( ᐛ ) ᕗ )

建立資料庫

我們直接在 /database 資料夾中建立資料夾名為 docker-compose.yml
並輸入以下程式碼:
(記得在 輸入你的密碼 改成你自己的密碼。)

services:

  db:
    image: postgres
    shm_size: 128mb
    
    volumes:
      - medusa_db:/var/lib/postgresql/data

    environment:
      POSTGRES_PASSWORD: 輸入你的密碼

    ports:
      - 5432:5432
  
  adminer:
    image: adminer
    ports:
      - 8080:8080

volumes:
    medusa_db:

再來 終端機輸入 docker-compose up -d 。 好的有成功了!!!!

> docker-compose up -d

✔ Network medusa_default      Created
✔ Volume "medusa_medusa_db"   Created
✔ Container medusa-adminer-1  Started
✔ Container medusa-db-1       Started

Medusa 下載

將我們終端機路徑置於我們的 /backend資料夾下,並輸入以下指令

npx create-medusa-app@latest medusaStore

接下來依照你的個人喜好進行配置。我是不選擇模板(他的模板是前端的模板,不是後端的儀表板喔!),並輸入你的密碼後:

? Would you like to install the Next.js Starter Storefront? You can also install it later. No
? Enter your Postgres username postgres
? Enter your Postgres password [hidden]
? Enter your Postgres user's database name postgres

等他建立好後有看到以下這句

✔ Server is ready on port: 9000 – 111ms
info:    Admin URL → http://localhost:9000/app

代表你已經建立好啦!!!!!

這時你看一下你的DBMS當中:

https://ithelp.ithome.com.tw/upload/images/20250916/20178157bXq2bWtYEa.png

Medusa 已經幫你把要的資料庫建立好,裡面還有很多資料表呢....

最後我們先 Ctrl + C退出一下我們 運行中的 medusa.js。
進入目標資料夾/medusaStore我們要設定我們使用者的帳號密碼。
輸入以下指令:

> npx medusa user -e admin@medusajs.com -p supersecret

當然你可以自己依照自己的選擇進行更改。

再....在運行一次 輸入

npm run dev

進入網站輸入密碼就看到成功登入拉~~~~

https://ithelp.ithome.com.tw/upload/images/20250916/20178157mS6lVbT9BL.png

下集預告

會....會說明一下 Medusa 及 其資料夾結構。


上一篇
Day1 基本知識了解
下一篇
Day3 資料夾結構 與 建構結構
系列文
Medusa.js 石化我的心9
圖片
  熱門推薦
圖片
{{ item.channelVendor }} | {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言